/*
** Name: dgy.base.css
** Date: 2018/12/10.
** Anthor: markbro@duoguyu.com.
** Version: 2.0.1.
** Last: 2019/04/17/ markbro.
*/
@charset "UTF-8";
ul, ol, li { list-style: none; }
body, header, footer, aside, article, section, hgroup, nav, menu, canvas, output, dialog, datalist, details, figure, figcaption, audio, video, progress, mark, time, object, embed, div, p, address, blockquote, pre, dl, dt, dd, ol, ul, li, map, table, caption, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, img, input, button, textarea, iframe, h1, h2, h3, h4, h5, h6 { border: medium none; margin: 0; padding: 0; }
body { font:14px/1.5 "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; -webkit-font-smoothing: antialiased;}
input, select, textarea { -webkit-transition: box-shadow 0.1s ease-in-out; -moz-transition: box-shadow 0.1s ease-in-out; outline: none; }
html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, label, textarea, p, blockquote, th, td { margin: 0; padding: 0; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0) !important; }
h1, h2, h3, h4, h5, h6 { /*font-weight:normal; */}
header, footer, aside, article, section, hgroup, nav, menu, canvas, details, figure, figcaption, audio, video { display: block; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: 12px; }
/*address, i, em, dt { font-style: normal; font-weight: normal; }*/
button::-moz-focus-inner { border:0; padding: 0;}
a{color:#666; text-decoration:none;}
a:hover{color:#409eff;}

/*base*/
*:focus { outline: none; /*border-color: transparent;*/ }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clearfix { zoom: 1; clear:both;}
.clearfix:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; clear: both; }
input::-webkit-input-placeholder { color:#999;}
input:focus::-webkit-input-placeholder { color:#EEE;}
input.checkbox, input.radio { display: inline-block; width: 16px; height: 16px; }
a, button, input, textarea { -webkit-tap-highlight-color: rgba(0,0,0,0) !important; text-decoration: none; }
html { font-size: 12px }
body { font-size: 13px; color: #666; line-height:1.5; background:#fefefe; /*font-family: Georgia, 'Times New Roman', SimSun, '宋体', serif;*/}

.numFont{font-family: Georgia, 'Times New Roman', SimSun, '宋体', serif;}
.numFont2{ font-family: Impact,sans-serif; }

.input, .textArea{ width:100%; border:1px solid #eee; border-radius:5px; padding:5px 15px; line-height:24px; font-size:14px; color:#333;}
.textArea{ min-height:80px; }

.bgLinear{background-image: linear-gradient(-153deg,#04a7ff,#00d674 95%);}

/*
textarea { resize: none; }
*/
.fl { float: left }
.fr { float: right }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.plr5 { padding-left: 5px; padding-right: 5px; }
.plr10 { padding-left: 10px; padding-right: 10px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt40 { padding-top: 40px; }
.ptb20 { padding-top: 20px;  padding-bottom: 20px; }
.pb0 { padding-bottom: 0; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.ml5 { margin-left: 5px; }
.ml8 { margin-left: 8px; }
.ml9 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml80 { margin-left: 80px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt80 { margin-top: 80px; }
.mt100 { margin-top: 100px; }
.mt120 { margin-top: 120px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mlf5, .mlr5 { margin-left: 5px; margin-right: 5px; }
.auto { margin-left: auto; margin-right: auto; }
.f12, .iconfont.f12 { font-size: 12px; }
.f14, .iconfont.f14 { font-size: 14px; }
.f16, .iconfont.f16 { font-size: 16px; }
.f18, .iconfont.f18 { font-size: 18px; }
.f24, .iconfont.f24 { font-size: 24px; }
.f28, .iconfont.f28 { font-size: 28px; }
.f32, .iconfont.f32 { font-size: 32px; }
.f36, .iconfont.f36 { font-size: 36px; }
.f48, .iconfont.f48 { font-size: 48px; }
.text_center { text-align: center; }
.text_left { text-align: left; }
.text_right { text-align: right; }
.lh30{ line-height:30px;}
.cf_red { color: #f30; }
.cf_green { color: #04ac71; }
.cf_gray { color: #bbb; }
.cf_brown { color: #607d8b; }
.cf_blue { color: #78c2ea; }
.cf_yellow { color: #f3cb12; }
.cf_purple { color: #a88add; }
.cf_flesh { color: #a498ae; }
.cf_333{ color:#333;}
.cf_666{ color:#666;}
.cf_999{ color:#999;}
.boderLeft{border-left: 1px solid #eee;}
.boderRight{border-right: 1px solid #eee;}
.bg_red { background: #f30; }
.bg_brown { background: #607d8b; }
.bg_green { background: #04ac71; }
.bg_blue { background: #78c2ea; }
.bg_yellow { background: #f3cb12; }
.bg_purple { background: #a88add; }
.bg_flesh { background: #a498ae; }
.bgf { background: #fff; }
.bgf0 { background: #f0f0f0; }
.bgf4 { background: #f4f4f4; }
.bgf6 { background: #f6f6f6; }
.bgf9 { background: #f9f9f9; }
.bgfa { background: #fafafa; }
.bgea { background: #eaeaea; }
.bgLinear_green{ background: linear-gradient(-125deg,#57bdbf,#2f9de2);}
.bgLinear_red{ background: linear-gradient(-128deg,#e14062,#a13582);}
.bgLinear_grayBlue{ background: linear-gradient(-113deg,#81328d,#592984);}
.bgLinear_yellow{ background: linear-gradient(-141deg,#ffc000,#ea942e);}
.bgnone{ background:none !important;}
.br3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.br5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.br10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.text-center{ text-align:center;}
.vertical { vertical-align: text-bottom; }
.hide{ display: none}
.show{ display: block}
.blur{filter:blur(10px);}

.hoverImg:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); }

/* color */
.green{ color:#409eff;}
.blue{ color:#409EFF;}

.bg_gray{ background-color: #fafafa; }
.border_gray{ border: 1px solid #eaeefb; }

.color_gray{ color:#999; }
.color_black{ color:#1f2f3d; }
.color_green{ color:#04ac71; }

.overlay { position:absolute; left:0; top:0; bottom:0; right:0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.3) 100%); background-image: -moz-linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.3) 100%); background-image: linear-gradient(180deg, rgba(0,0,0,0.01) 5%,rgba(0,0,0,0.3) 100%); background-size: 100%;}

/*
* base
*/
.baseGroup{ width:1100px; margin-left:auto; margin-right:auto;}
.baseGroup.mt20{margin-top:20px;}
.baseGroup.mt40{margin-top:40px;}
.baseGroup.mt70{margin-top:70px;}
.baseGroup.mt75{margin-top:75px;}
.baseGroup.mt100{margin-top:100px;}
.baseGroup.mb20{margin-bottom:20px;}
.baseGroup.w1240{width:1240px;}
.baseGroup.w1200{width:1200px;}
.baseGroup.w1100{width:1100px;}
.baseGroup.w1000{width:1000px;}

.baseGroup .leftWrap{ float:left; width:825px;}
.baseGroup .rightWrap{ float:right; width:350px;}

/*
* brandGrid
*/
.brandGrid{ margin:20px auto; overflow:hidden; border-radius:4px;}
.brandGrid .img{ display:block; width:100%; border:0; border-radius:4px;}

/* switchBtn */
.switchBtn{ display:inline-block; cursor:pointer; width:46px; height:24px; position:relative; border-radius:12px; background:#eee; overflow:hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;}
.switchBtn .radius{ width:22px; height:22px; position:absolute; left:1px; top:1px; border-radius:50%; background:#fff; overflow:hidden;}

.switchBtn.small{ width:42px; height:20px;}
.switchBtn.small .radius{ width:18px; height:18px;}
.switchBtn.on{ background:#409eff;}
.switchBtn.on .radius{ left:auto; right:1px; }

/*
* system
*/
#pageGroup{margin:10px auto; font-size:14px; text-align:center;}
#pageGroup a{ display:inline-block; color:#999; width:30px; height:30px; font-weight:700; line-height:30px; text-align:center; margin:0 4px;}
#pageGroup .prepage,#pageGroup .nextpage{ text-indent:-99999em; opacity:.5;}
#pageGroup .prepage{ background: url('../images/page-icon-l2.png') no-repeat center; background-size: 18px;}
#pageGroup .nextpage{ background: url('../images/page-icon-r2.png') no-repeat center; background-size: 18px;}
#pageGroup .prepage.nopage,#pageGroup .nextpage.nopage{ opacity:.2;}
#pageGroup .nopage{}
#pageGroup a:hover, #pageGroup .curpage{ color:#409eff;}
#pageGroup .pageinfo, #pageGroup a.homepage, #pageGroup a.endpage{ display:none;}


/*
* commonHead
*/
.commonHead{ position:relative; margin-bottom:20px; padding-left:15px; font-size:12px; color:#999; line-height:24px; overflow:hidden;}
.commonHead:before{ content:""; position:absolute; left:0; top:0; background:#333; opacity:0.8; height:100%; width:3px;
    /*
    background: -webkit-linear-gradient(#43f9fb,#fcd318);
    background: -o-linear-gradient(#43f9fb,#fcd318);
    background: -moz-linear-gradient(#43f9fb,#fcd318);
    background: linear-gradient(#43f9fb,#fcd318);
    */
}
.commonHead .title{ font-size: 20px; color:#454545; line-height:24px;}
.commonHead .info{ font-size: 13px; color:#999; line-height:14px;}

.commonHeadLabel{ position:relative; margin-bottom:20px; padding-left:15px; font-size:12px; color:#999; height:24px; line-height:24px; overflow:hidden;}
.commonHeadLabel:before{ content:"#"; position:absolute; left:0; top:0; color:#999; font-size:20px; font-weight:lighter; height:24px; line-height:24px; width:15px;}
.commonHeadLabel .title{font-size:20px; color:#333; line-height:24px;}
.commonHeadLabel .info{ margin-left:5px; font-size:12px; color:#999;}
.commonHeadLabel.small:before{ color:#666;}
.commonHeadLabel.small .title{font-size:18px; font-weight:bold;}

.commonHeadLabel .rtWrap{ float:right;}
.commonHeadLabel .nav{ margin-left:10px; font-size:14px; color:#666;}
.commonHeadLabel .nav a{ color:#666;}
.commonHeadLabel .nav a.on{ color:#409eff;}
.commonHeadLabel .title a{ font-size:14px; color:#666;}
.commonHeadLabel .title a.on{font-size:20px; color:#409eff;}


.tbBtn{ display: inline-block; cursor: pointer; line-height: 1; background: #fff; border: 1px solid #eee; color: #606266; text-align: center; transition: .1s; padding: 10px 20px; font-size: 12px; border-radius: 4px; }
.tbBtn:hover{ color:#409eff; border:1px solid #409eff;}

.commonBtn { display: inline-block; padding: 0 25px; color: #409eff; border: 1px solid #409eff; font-size: 13px; overflow: hidden; line-height: 28px; border-radius: 15px; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease;}

.commonBtn:hover { background: #409eff; color: #fff; line-height: 28px; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease;}


/* animation */
.animateBalloon{ -webkit-animation:balloon 3s infinite alternate; animation:balloon 3s infinite alternate; -webkit-animation-delay:1s; animation-delay:1s; }
.animateBalloon2{ -webkit-animation:balloon2 2s infinite alternate; animation:balloon2 2s infinite alternate; -webkit-animation-delay:1s; animation-delay:1s; }
.animateBalloon3{ -webkit-animation:balloon3 3s infinite alternate; animation:balloon3 3s infinite alternate; -webkit-animation-delay:1s; animation-delay:1s; }
.animateBalloon4{ -webkit-animation:balloon 4s infinite alternate; animation:balloon 4s infinite alternate; -webkit-animation-delay:1s; animation-delay:1s; }

@-webkit-keyframes balloon{
	0%{
		-webkit-transform:translateY(0); transform:translateY(0);
	}
	100%{
		-webkit-transform:translateY(-5px); transform:translateY(-5px);
	}
}

@keyframes balloon{
	0%{
		-webkit-transform:translateY(0); transform:translateY(0);
	}
	100%{
		-webkit-transform:translateY(-5px); transform:translateY(-5px);
	}
}

@-webkit-keyframes balloon2{
	0%{
		-webkit-transform:translateY(0); transform:translateY(0);
	}
	100%{
		-webkit-transform:translateY(6px); transform:translateY(6px);
	}
}

@keyframes balloon2{
	0%{
		-webkit-transform:translateY(0); transform:translateY(0);
	}
	100%{
		-webkit-transform:translateY(6px); transform:translateY(6px);
	}
}

@-webkit-keyframes balloon3{
	0%{
		-webkit-transform:translateY(0) scale(1); transform:translateY(0) scale(1);
	}
	100%{
		-webkit-transform:translateY(10px) scale(1.1); transform:translateY(10px) scale(1.1);
	}
}

@keyframes balloon3{
	0%{
		-webkit-transform:translateY(0) scale(1); transform:translateY(0) scale(1);
	}
	100%{
		-webkit-transform:translateY(10px) scale(1.4); transform:translateY(10px) scale(1.4);
	}
}


@media screen and (max-width: 768px) and (min-width: 415px) {
}

@media screen and (max-width: 414px) and (min-width: 376px) {
}

@media screen and (max-width: 375px) and (min-width: 321px) {
}

@media screen and (max-width: 320px) {
    html { font-size: 10px }
}



/*阅读全文按钮*/
.readall_box {  position: relative;  z-index: 99;  padding: 0 0 0px;  margin-top: -268px;  text-align: center;  }
.readall_box .read_more_mask {  height: 268px;  background: -moz-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));  background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));  background: -o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));  }
.readall_box a.button{cursor: pointer;}


<!--点赞打赏-->
	.thumbs-content{
		width: 291px;
		margin: 30px auto 10px;
		text-align: center;
	}
.thumbs-button,.reward-button{
	text-align: center;
	margin: 5px auto;
	padding: 0 20px;
	line-height: 36px !important;
	color: #fbfbfb;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
	border-radius: 25px;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}
.thumbs-button{
	background-color:#444;
}
.reward-button{
	background-color:#cd4450;
	position: relative;
}
.thumbs-button:hover, .reward-button:hover{
	opacity: 0.9;
}
.reward-button:hover .reward-bottom, .reward-button:hover .reward-bottom-top, .reward-button:hover .reward-content {
	display: block;
}
.reward-content {
	margin: 0;
	position: absolute;
	width: 418px;
	top: -266px;
	left: -175px;
	display: none;
	background: #fff;
	box-shadow: 0 0 10px #ccc;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.reward-content .reward-img {
	width: 208px;
	height: 250px;
	float: left;
	font-size: 14px;
	text-align: center;
	line-height: 1em;
	color: #333;
}
.reward-content img {
	width: 200px;
	height: 200px;
	padding: 10px;
}
.reward-bottom, .reward-bottom-top {
	display: none;
	margin-left: -35px;
	position: absolute;
	top: -15px;
	left: 70px;
	letter-spacing: 0;
	font-size: 0;
	line-height: 0;
	border-style: solid dashed dashed dashed;
	border-width: 10px;
	border-color: #ccc transparent transparent transparent;
	width: 0;
	height: 0;
}
.reward-bottom-top {
	border-width: 9px;
	border-color: #fff transparent transparent transparent;
	left: 71px;
}
@media (max-width: 640px){
	.reward-content{
		width: 335px;
		top: -216px;
	}
	.reward-content .reward-img {
		width: 166px;
		height: 200px;
	}
	.reward-content img {
		width: 166px;
		height: 166px;
	}
	.blogs{
		padding: 15px;
		margin-bottom: 15px;
	}
	.blogs .blogpic{
		width: 120px;
		max-height: 70px;
	}
	.blogs .blogtitle{
		white-space: inherit;
		height: 40px;
		text-align: justify;
		word-break: break-all;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		margin-bottom: 5px;
		font-size: 16px;
		line-height: 22px;
	}
	.blogs .blogtext,.blogs .bloginfo .read-more,.blogs .blog-type,.blogs:before{
		display: none;
	}
}


/*评论*/
.mt-10 {
	margin-top: 10px;
}
.hr0 {
	height: 1px;
	border: none;
	border-top: 1px dashed #9db1c5;
	margin: 10px 0;
}
.btn-pri {
	color: #fff;
	background-color: #2287de;
	border-color: #2287de;
}
.btn-pri:hover {
	color: #fff !important;
	background: #0077dd;
	border-color: #0077dd;
}
.comment-main{ overflow: hidden; margin-bottom: 20px; background: #FFF;  position: relative;background: #fff;padding: 15px; }

.comment .CodeMirror {
	padding: 0px 10px;
}
.comment .CodeMirror, .comment .CodeMirror-scroll {
	min-height: 130px;
	max-height: 200px;
	border-radius: 4px
}
.comment .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
	background: none;
}
.comment-nickname a, a.comment-link{    cursor: pointer;color: #0077dd;}
.comment-title{
	font-size: 15px;
	font-weight: 600;
}
.comment-main .input-group{
	float: left;
	margin-bottom: 10px;
}
.comment li{
	padding: 10px 0;
	border-bottom: 1px dashed #e5e5e5;
}
.comment-body .comment-user-img{
	float: left;
}
.comment-body .comment-user-img>img{
	width: 42px;
	height: 42px;
	border-radius: 50%;
}
.comment-body .comment-info{
	margin-left: 55px;
}
.comment-body .comment-info .comment-time{
	float: right;
	color: #c0c0c0;
}
.comment-body .comment-info .comment-content{
	color: #566573;
	margin-top: 5px;
}
.comment-body .comment-info .comment-footer{
	color: #999;
	text-align: right;
}
.comment-body .comment-info p{
	margin: 0;
}
.comment-body .comment-info .reply,.comment-body .comment-info .cancel-reply{
	cursor: pointer;
}
.comment-body .comment-info .reply:hover,.comment-body .comment-info .cancel-reply:hover{
	color: #0077dd;
}

.comment-body .comment-parent .comment-parent-content{
	padding: 5px 10px;
	background: #eeeeee;
	border-radius: 4px;
	margin: 5px 0;
}
.comment-more,.no-comment{
	padding: 5px;
	text-align: center;
	background: #f5f5f5;
	color: #bbb;
	border-radius: 4px;
}
.comment-more{
	margin-top: 10px;
	cursor: pointer;
}
.comment-link{
	cursor: pointer;
}
.comment-describe p{
	margin: 0;
}
.comment-describe .comment-describe-title{
	margin: 0 0 10px 0;
	font-size: 20px;
	overflow: hidden;
	color: #555;
	font-weight: bold;
}
.comment-support:hover{
	color: #0077dd;
	cursor: pointer;
}
.comment-support:before{
	margin-right: 2px!important;
}
.comment .user-name-content{
	margin-bottom: 10px;
	display: none;
}
.comment .user-name-content b:hover{
	cursor: pointer;
	color: #0077dd ;
}

/*星星评价*/
.star-bar-show{background:url(../images/iconpic-star-S-default.png) repeat-x 0 0}
.star-bar-show .star{background:url(../images/iconpic-star-S.png) repeat-x 0 0}
.star-1{width:20%}
.star-2{ width:40%}
.star-3{width:60%}
.star-4{ width:80%}
.star-5{ width:100%}
.star-bar-show.size-M{width:120px;height:24px}
.star-bar-show.size-M,.star-bar-show.size-M .star{background-size:24px}
.star-bar-show.size-M .star{ height:24px;display: inline-block;}
.star-bar-show.size-S{width:80px; height:16px}
.star-bar-show.size-S,.star-bar-show.size-S .star{background-size:16px}
.star-bar-show.size-S .star{ height:16px}
